import React from 'react';
import DashboardLayout from '../components/DashboardLayout';
import '../css/DetailedInfo.css';

const DetailedInfo = () => {
  return (
    <DashboardLayout>
      <div className="page-container">
        <h1 className="page-title">眼科疾病详细介绍与防治措施</h1>

        <section>
          <h2>常见眼科疾病</h2>
          <p>...</p>
        </section>

        <section>
          <h2>详细介绍</h2>
          <h3>白内障</h3>
          <p>...</p>
          {/* 继续填充原内容 */}
        </section>

        <section>
          <h2>防治措施</h2>
          <ul>
            <li>定期进行眼科检查</li>
            <li>控制血压血糖</li>
            <li>合理用眼</li>
          </ul>
        </section>
      </div>
    </DashboardLayout>
  );
};

export default DetailedInfo;
